<template>
    <div>
        <child :tree_info="tree_info" :defaultProps="defaultProps" @handleClick="handleClick"
               @handleCheckChange="handleCheckChange"></child>
    </div>
</template>

<script>
    import child from "@/views/element_ui_test/el_tree_test/child";

    export default {
        name: 'father',
        components: {
            child
        },
        data() {
            return {
                tree_info: [{
                    label: '一级 1',
                    children: [{
                        label: '二级 1-1',
                        children: [{
                            label: '三级 1-1-1'
                        }]
                    }]
                }, {
                    label: '一级 2',
                    children: [{
                        label: '二级 2-1',
                        children: [{
                            label: '三级 2-1-1'
                        }]
                    }, {
                        label: '二级 2-2',
                        children: [{
                            label: '三级 2-2-1'
                        }]
                    }]
                }, {
                    label: '一级 3',
                    children: [{
                        label: '二级 3-1',
                        children: [{
                            label: '三级 3-1-1'
                        }]
                    }, {
                        label: '二级 3-2',
                        children: [{
                            label: '三级 3-2-1'
                        }]
                    }]
                }],
                defaultProps: {
                    children: 'children',
                    label: 'label'
                }
            }
        },
        methods: {
            handleClick(node) {
                console.log(node)
            },
            handleCheckChange(data) {
                console.log(111,                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           data);
            }
        }
    }
</script>